﻿<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>Application Web jQuery Mobile</title>
<link href="jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>

<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head> 
<body> 
<div data-role="page" id="page">
			<div data-role="header" data-theme="a">
		<h1>Thumbnails</h1>
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
		</div><!-- /header -->
        
	<div data-role="content">
  
  
  	<h2>Non-inset, collapsible set</h2>
			<p>Exemple</p>
			
			<div data-role="collapsible-set" data-theme="b" data-content-theme="d" data-inset="false">
				
				<div data-role="collapsible">
					<h2>Formation</h2>
					<ul data-role="listview" data-theme="d" data-divider-theme="d">
						<li data-role="list-divider">Postes  <span class="ui-li-count">3</span> 	
                        </li>
						<li data-role="list-divider" data-icon="check" data-iconpos="right" value="envoyer messages"><a href="#">Add</a></li>
						
						<li>
						<a href="index.html" >
								<h3>Stephen Weber</h3>
	
								
						</a>
      			<a  data-icon="check" href="#delete" data-rel="popup" data-transition="pop" value="envoyerEmail"></a>
                   						</li>
						<li><a href="index.html">
							<h3>jQuery Team</h3>
	
							
						</a>
						<a  data-icon="delete" href="#delete" data-rel="popup" data-position-to="window" data-transition="pop">delete</a>
						</li>
					
						<li><a href="index.html">
							<h3>Amazon.com</h3>
		
		
						</a>
							<a  data-icon="delete" href="#delete" data-rel="popup" data-position-to="window" data-transition="pop">delete</a>
						</li>
					</ul>
				</div>
				<div data-role="collapsible">
					<h2>Compétences</h2>
					<ul data-role="listview" data-autodividers="true" data-theme="d" data-divider-theme="d">
						<li><a href="index.html">Jquery</a>
                      
                        
                        </li>
						<li><a href="index.html">Php5</a></li>
					
					</ul>
				</div>
        *** ********************       
            
			
			<ul data-role="listview" >
				
				<li><a href="index.html">liste etudiant</a> </li>
				<li><a href="index.html">Alex Wickerham</a></li>
			
				</ul>
      ******************          
   <table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
 <tbody>
 <tr>
                  
 <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">liste etudiant</a></td>
                
                  <td><input type="button" value="preinscription" data-inline="true" data-iconpos="right" data-icon="check">
                  </td>
  </tr>
               
                
                
                
			</div>
   
    </div>
	<div data-role="footer">
		<h4>footer</h4>
        
	</div>
  
  
  
</div>


</body>
</html>
